body {
	overflow: scroll;
}
.main {
	background-color: #e8e8e8;

	header {
		padding-top: 34px;
		padding-left: 20px;
		height: 219px;
		width: 100%;
		background-color: #fff;
		.header-top {
			padding-bottom: 20px;
		}
		.phote {
			height: 120px;
			width: 120px;
			border: deepskyblue;
			border-radius: 50%;
		}

		.text {
			padding-left: 15px;
			width: 60%;
			line-height: 120px;
			color: #000;
		}
		.f18 {
			color: #8a8a8a;
		}
		.icon-tipvip {
			font-size: 30px;
			color: coral;
		}
		.vip {
			bottom: 0;
			right: 0;
		}
	}
	.trends {
		height: 55px;
		width: 100%;
		background-color: #fff;
		margin-top: 20px;
	}
	.trends-left {
		line-height: 55px;
		margin-left: 20px;
	}
	.trends-right {
		line-height: 55px;
		margin-right: 25px;
		color: #8a8a8a;
	}

	.sport-data {
		margin-top: 20px;
		height: 178px;
		background-color: #fff;
	}

	.icon-rightarrow {
		font-size: 30px;
		color: #8a8a8a;
	}
	.sport-data-rigt {
		margin-right: 25px;
	}
	.sport-data-tops {
		padding-top: 25px;
		padding-left: 20px;
	}
	.data-left {
		margin-right: 25px;
	}
	.data-btn {
		margin-top: 20px;
	}
	.p {
		color: #8a8a8a;
		padding-bottom: 15px;
	}
	.span {
		font-size: 40px;
		color: #4294ff;
	}

	.my-badge {
		padding: 0 20px;
		margin-top: 20px;
		height: 178px;
		background-color: #fff;
	}
	.badge-top {
		padding-top: 20px;
		align-items: center;
	}
	.data-tops {
		align-items: center;
	}
	.badge {
		justify-content: space-around;
		padding-top: 20px;
		li {
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background-color: #4294ff;
		}
	}
	button {
		margin-top: 20px;
		height: 55px;
		width: 100%;
		background-color: #fff;
		color: #4294ff;
	}
	.icon-icon_xinyong_xianxing_jijin- {
		padding-right: 10px;
		color: #4294ff;
	}
	.icon-shuju01 {
		color: #4294ff;
		font-size: 20px;
	}
	.icon-huizhang {
		color: #4294ff;
		font-size: 20px;
	}

	//伪类竖线

	.line:after {
		content: "";
		// background-color: #ccc;
		position: absolute;
		width: 2px;
		height: 100px;
		top: -20%;
		left: 140%;
		display: block;
		color: #ccc;
		border-left: 2px dashed #ccc;
		// border: solid;
	}
}
